<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		// 아이디 입력하는 text 입력폼에 포커스가 이동하면 비워줌.
		// 포커스가 벗어나는데, 아무것도 입력하지 않은 경우에는 아이디라는 글자를 value로 설정.
		$("input[name=id]").focus(function(){
			$(this).val("");
		}).focusout(function(){
			if($(this).val()==""){
				$(this).val("아이디");
			}
		});
		// 비밀번호 입력하는 text 입력폼에 포커스가 이동하면 비워줌.
		// 포커스가 벗어나는데, 아무것도 입력하지 않은 경우에는 value를 비워줌.
		$("input[name=password]").focus(function(){
			$(this).val("");
			$(this).attr({
				type:"password"
			});
		}).focusout(function(){
			if($(this).val()==""){
				$(this).attr({
					type:"text"
				});
				$(this).val("비밀번호");
			}
		});
		// 입력란 공란체크하고 서버로 전송
		$("#submit").click(function(){
			if($("input[name=id]").val()=="아이디"){
				$("#messsage>p").text("아이디를 입력하세요");
			}else if($("input[name=password]").val()=="비밀번호"){
				$("#messsage>p").text("비밀번호를 입력하세요");
			}else{
				$("form[name=loginform]").submit();
			}
		});
		$("#register").click(function(){
			location.href="register.do";
		});
	});//ready
</script>
<style>
	#loginResultContainer{
	}
	#form{	
			margin-top: 100px;
			margin-bottom:10px;
	}
	#input{	
			margin-left:40%;
			float: left;
			color: gray;
	}
	#submit{
			padding-top: 10px;
			background-color: lime;
			float: left;
			width: 50px;
			height: 40px;
	}
	#messsage{
			width:199px;
			padding:5px;
			margin-left:40%;
			font-size:10px;
			clear: both;
	}
	#register{
			margin-left:56%;
			font-size:12px;
			clear: both;
	}
</style>
<c:choose>
	<c:when test="${sessionScope.mvo==null}">
		<div id="loginResultContainer">
			<div id="form">
				<form name="loginform" method="post" action="login.do">
					<div id="input">
						<input type="text" name="id" value="아이디"><br> 
						<input type="text" name="password" value="비밀번호">
						<input type="hidden" name="path" value="${requestScope.path }">
					</div>
					<div id="submit">
						로그인
					</div>
				</form>
			</div>
			<div id="messsage">
				<p>
					아이디 또는 비밀번호를 다시 확인하세요.
					등록되지 않은 아이디이거나, 아이디 또는 비밀번호를 잘못 입력하셨습니다.
				</p>
			</div>
			<div id="register">
				회원가입
			</div>
		</div>
		
	</c:when>
	<c:otherwise>
		<script type="text/javascript">
		location.href="main.do";
		</script>
	</c:otherwise>
</c:choose>